<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input type="checkbox" checked>
  <input type="checkbox">
  <input type="text" disabled>
  <select name="" id="">
    <option value="">梦游</option>
    <option value="" selected>床头</option>
    <option value="">床尾</option>
  </select>
  <script src="./jquery-3.4.1.min.js"></script>
  <script>
    $(function () {
      // :checked 被选中的元素
      $(":checked").css({
        width: "200px",
        height: "200px"
      })
      // :disabled  选择被禁用的元素
      $(":disabled").css({ background: "blue" })

      // :selected 下拉框中被选中的option
      console.log($(":selected"))
      $(":selected").css("color", "red")
      // :enabled 可用的元素

    })



  </script>
</body>

</html>